<!-- 类似index.html的结构，替换内容区为排名表格 -->
<section id="ranking" class="mt-8">
  <h2 style="font-size: 1.8rem; margin-bottom: 20px;">班级成绩排名</h2>
  <div class="card">
    <table class="result-table">
      <thead>
        <tr>
          <th>排名</th>
          <th>班级</th>
          <th>金牌</th>
          <th>银牌</th>
          <th>铜牌</th>
          <th>总分</th>
        </tr>
      </thead>
      <tbody>
        <tr class="rank-1">
          <td>1</td>
          <td>高三(2)班</td>
          <td>3</td>
          <td>2</td>
          <td>1</td>
          <td>65</td>
        </tr>
        <tr>
          <td>2</td>
          <td>高二(5)班</td>
          <td>2</td>
          <td>3</td>
          <td>2</td>
          <td>58</td>
        </tr>
        <tr>
          <td>3</td>
          <td>高一(3)班</td>
          <td>1</td>
          <td>2</td>
          <td>3</td>
          <td>45</td>
        </tr>
      </tbody>
    </table>
  </div>
</section>
